diff --git a/app/redfish/controllers/redfish-controller.html b/app/redfish/controllers/redfish-controller.html
index ca7cb75..5eab9b3 100644
--- a/app/redfish/controllers/redfish-controller.html
+++ b/app/redfish/controllers/redfish-controller.html
@@ -1,13 +1,13 @@
 <loader loading="loading"></loader>
-<div id="redfish">
+<div id="redfish", class="redfish">
   <div class="row column">
-    <div style="max-width: 400px;margin:0">
+    <div class="logo">
       <img src="../../assets/images/DMTF_Redfish_logo_2017.svg">
     </div>
   </div>
   <div class="row column">
     {
-    <ul style="list-style: none;">
+    <ul class="key_value">
       <li ng-repeat="(key, value) in redfishData" ng-include="'recurse'"> </li>
     </ul>
     }
@@ -17,7 +17,7 @@
 "<b>{{key}}</b>":
 <span ng-if="isObject(value) && !isArray(value)">
 {
-  <ul style="list-style: none;">
+  <ul class="key_value">
     <li ng-repeat="(key, value) in value" ng-include="'recurse'"> </li>
   </ul>
 }
@@ -25,10 +25,10 @@
 
 <span ng-if="isArray(value)">
 [
-  <div ng-repeat="val in value" style="margin-left: 2em;">
+  <div ng-repeat="val in value" class="value">
     <span ng-if="isObject(val) && !isArray(val)">
       {
-      <ul style="list-style: none;">
+      <ul class="key_value">
         <li ng-repeat="(key, value) in val" ng-include="'recurse'"> </li>
       </ul>
       }
diff --git a/app/redfish/styles/index.scss b/app/redfish/styles/index.scss
new file mode 100644
index 0000000..0bfb29c
--- /dev/null
+++ b/app/redfish/styles/index.scss
@@ -0,0 +1,14 @@
+.redfish {
+  .logo {
+    max-width: 400px;
+    margin: 0;
+  }
+
+  .key_value {
+    list-style: none;
+  }
+
+  .value {
+    margin-left: 2em;
+  }
+}
diff --git a/app/styles/index.scss b/app/styles/index.scss
index b324c86..b59ed44 100644
--- a/app/styles/index.scss
+++ b/app/styles/index.scss
@@ -7,3 +7,4 @@
 @import "../server-health/styles/index.scss";
 @import "../configuration/styles/index.scss";
 @import "../users/styles/index.scss";
+@import "../redfish/styles/index.scss";